<div id="boxes">
    <!-- #customize your modal window here -->
    <div id="salvando" class="window loading">
      <div class="msg-contato">
        <img src="/app/resources/site/images/ajax-loader.gif">
        <p>Aguarde salvando dados!</p>
      </div>
    </div>
    <!-- Do not remove div#mask, because you'll need it to fill the whole screen --> 
    <div id="mask"></div>
</div>

<h1>Endereços</h1>
<div class="meu-endereco">
  <a class="edit" href="">Cadastrar um novo endereço</a><br/><br/>
  <table class="enderecos">
    {{#enderecos}}
    <tr class="endereco {{#principal}}padrao{{/principal}}">
      <td class="mapa">
      <figure>
        <img src="http://maps.google.com/maps/api/staticmap?center={{latitude}},{{longitude}}&zoom=16&size=240x160&maptype=roadmap&markers=color:red|{{latitude}},{{longitude}}&sensor=false" />
      </figure></td>
      <td class="dados"><b>{{nome}}</b>
      <br/>
      Endereço: {{logradouro}}{{#numero}}, {{numero}} {{/numero}}{{#complemento}} - {{complemento}}{{/complemento}}
      <br/>
      Bairro: {{bairro}}
      <br/>
      Cidade: {{cidade}} - {{ufe_sg}}
      <br/>
      CEP: {{cep}}
      <br/>
      Telefone: {{telefone}} 
      
      </td><td class="tools"> {{#principal}} <b>Endereço padrão</b> {{/principal}}
      {{^principal}} <a class="home" href="javascript:void();" e_id='{{id}}'>Tornar padrão</a> {{/principal}}
      <br/>
      <a class="edit" href="javascript:void();" e_id='{{id}}' title="Clique para editar este endereço">Editar</a></td>
    </tr>
    {{/enderecos}}
  </table>
  <div class="advice"><b>*Atenção:</b> As localizações providas pelo Google Maps nem sempre são exatas e estão aqui apenas para ilustração. 
    <b>É mais importante o endereço estar cadastrado corretamente</b>.</div>
</div>
<form method="post"><input type="hidden" name="id_e" id="id_e"/></form>
<script type="text/javascript" src="/app/resources/cliente/js/enderecos.js"></script>
